
<template>
  <div class="bh-container">
    <a-grid :cols="24" :col-gap="16" :row-gap="16">
      <a-grid-item
         class="bh-h-full bh-ov-hidden"
          :span="{ xs: 24, sm: 24, md: 24, lg: 24, xl: 4, xxl: 3 }"
      >
        <FileAside  @searchType="(e) => fileListRef.searchType(e)"></FileAside>
      </a-grid-item>
      <a-grid-item
          class="bh-h-full bh-ov-hidden"
          :span="{ xs: 24, sm: 24, md: 24, lg: 24, xl: 20, xxl: 21 }"
      >
        <FileList  ref="fileListRef"></FileList>
      </a-grid-item>
      </a-grid>
  </div>

</template>
<script setup lang="ts">
import FileAside from './components/FileAside/index.vue'
import FileList from './components/FileList/index.vue'

const  fileListRef=ref()

</script>
<style scoped lang="less">
.file-manage {
  flex: 1;
  padding: 16px;
  overflow: hidden;
}
</style>